﻿/* global.css - defines the common outlook of the site */
body{
  margin:2px 2px 100px 2px; /*comm -- the bottom is for the footer */
  padding:60px 0px 50px 0px;
background-color: #ffffff; 
 }
 
 #wrapper { 
 }


#header
{
color:black;
position:absolute;
top:0;
left:0;
margin:2px 2px 5px 2px;
padding:14px 4px 6px 17px;
border-style:solid;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:2px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:10px;
background-color:#FFFFFF;
text-align:center;
min-width:98%;
height:64px;
background:url('../images/Company_Logo.jpg') no-repeat;
}

#header a {
text-decoration:none;
color:#000000;
}

#header a:hover {
text-decoration:underline;
color:Red;
margin-left:2px;
}

#header a:visited {
text-decoration:none;
color:#000000;
}


#header a:active {
text-decoration:none;
color:#f2f12e;
}

  #left_menu {
    background-color: #ffffff; 
    position:absolute;
    top:63px;
    bottom: 100px;
    left:2px;
    width:170px;
    height:75%;

    padding:5%;
    line-height:27px;
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family:inherit;
    /* here starts the dashboard stuff*/
    margin:1% auto;
    padding:0;
    text-align:left;
    
    background-color:#ffffff;
    /*debugStart*/
    /*debugEnd*/
 } /*eof_left_menu*/


.labDate {
float:right;
text-align:left;
font-size:xx-small;
font-weight:lighter;
}


 div#footer{
    position:absolute;
    bottom:-20;
    left:0;
	width:100px;
    margin:2px 2px 2px 2px;
    padding:4px 4px 13px 4px;
    height:20px;
    border: 2px solid #000000; 
    border-width:2px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    background-color: #cfcfcf; 
    text-align: left; 
    vertical-align:text-top;
    font-size: 9pt;
   
 }

 
 #left_menu ul {
	margin:0;
	padding:25px 15px 10px 25px;
	background:transparent url('../images/dash_box_butm.gif') no-repeat bottom;
	list-style:none;
}

  #left_menu ul li {
	margin-left:10px;
}

   #left_menu ul li a {
	color:#010101;
	text-decoration:none;
	font-weight: bold;
}

    #left_menu ul li a:hover {
	color:#8010a2;
	text-decoration:underline;
	margin-left:2px;
}



@media screen{
      body>div#header{
       position:fixed;
      }
      
      body>div#footer{
       position:fixed;
      }
      
      body>#left_menu {
        position:fixed;
        }   

 } /* eof @media screen */

 * html body{
  overflow:hidden;
 } 

 * html div#content{
  height:100%;
  overflow:auto;
 }


.asterix /*used for the asterix + the red color */
{
   font-size:	110%;
	color: #EE0000 ; 
}

.asterix_invisible /*used for the asterix + the red color */
{
   font-size:	110%;
	color: #EE0000 ; 
}

.cssClassLabErrorMsg
{
    float: left;
    text-align: center;
    top: 2%;
    width: 100%;
    min-height: 30px;
    height: auto;
    border: 2px;
    border-color: inherit;
    background-color: #ffffff;
    padding: 10px 2px 2px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: normal;
}

.classSmallErrorLabel
{
    float: left;
    text-align: center;
    top: 2%;
    width: 60%;
    min-height: 30px;
    height: auto;
    border: 2px;
    border-color: inherit;
    background-color: #ffffff;
    padding: 10px 2px 2px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: normal;
}


#labDate
{   float:left; 
    text-align: left;
		background-color:#FF0000;
		color:#FF0000; 
		/*debugStart*/
		border-color:black;
		/*debugEnd*/
}

  
  .space_to_right_box
  {
    float:left;  
    display:block;
    min-width:20px;
    min-height:20px;
    max-width:20px;
    max-height:20px;
/*debugStart
    border: 1px dashed #333;
    background-color: #ffffff; 
/*debugEnd*/

  }
    

  .space_to_down_box
  {
    float:left;  
    display:block;
    width:auto;
    min-width:60px;
    max-height:20px;
    min-height:20px;
    clear:left;
    /*debugStart
    border: 1px dashed #333;
    background-color: #ffffff; 
    /*debugEnd*/
  }


form, label, input { font-size : 1em; } 
fieldset { width : 380px; padding : 0.5em 1em; clear:left; } 
label { position : relative; width : 150px; display : block; margin : .5em 0em; } 
label input { position : absolute; left : 131%; 
top : 11px; 
width : 10em; clear:left;
} 

label select { position : absolute; left : 131%; 
top : 11px; 
width : 10em; clear:left;
}

.panSearch_con {
float:left;
width:98%;
padding: 2px 9px 20px 2px;
/*debugStart
border: 1px  #333;
background-color:#aaaaaa;
/*debugEnd*/
}


.panSearch
{
float:left;  
text-align:left;
margin:5px 2px 5px 2px ;
display:block;
/* max-width:80%; *//*this one makes firefox 2.1 concatenate the whole stuff !!! */
width:98%;
height:auto;
/*debugStartborder: 5px  #333;*/
background-color:#ffffff; 
/*debugEnd*/
padding-left:20px;    
padding-bottom:20px;
padding-top:5px;
}



br { display : none; } 

but_holder {
padding:5px 5px 5px 5px ;
margin:5px 5px 5px 5px;
}

.linkTextBox {
width:auto;
}

.updatePnl {
margin:10px 10px 60px 10px;
}

.wait {
position:absolute;
margin:48% 48% 48% 48%;

}

input.submit
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
} 

input[type="submit"]:hover{
   color: Green;
}

.hiddencol     {
display:none;
}


.viscol   {
display:block;
}


.cssClassSelect
{
    float: left;
    margin-top: 2px;
    margin-left:10px;
    display:block;
    clear: both;
    margin-left: 2px;
    /*max-width: 120px;*/
    min-width: 100px;
    padding: 1px 1px 1px 1px;
    font-family: 'Arial Narrow';
    font-size: small; /*debugStart*/
    font-weight: normal;
    color: #000000;
    background-color:#ffffff;
    border: 1px solid #cfcce1;
}




 /* GLOBAL FORMATTING*/
.cssClassApplicationTitle
{
	font-size: normal;
	font-style: normal;
	font-weight: bold;
	font-family: 'Arial Narrow';
	color:#808080;
}

.cssClassSmallInfoPrints	
{
	font-size:small;
	color:#808080;
}

 .cssClassLargeInputTextField
 {
		width:70%;
		height:10%;	
}

.cssClassGvFirstRowDefault
{
 width:200px;
 border-right:3px solid #666666   ;
 background:LightGray;
 }

.cssClassGvAllRowsDefault
{
 width:auto;
 border-right:3px solid #666666   ;
 background:LightGray;
 }

 